body {
  font-size: 16px;
  color: #486074;
}

html,
body {
  min-height: 100%;
  background: #f7f7f7;
}

html,
body,
div,
ul,
dl,
ol,
li,
dt,
dd,
form,
input,
header,
footer,
section,
span,
i,
em,
h1,
h2,
h3,
h4,
h5,
h6,
img,
a,
nav {
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 5px;
}

ul,
dl,
ol {
  list-style: none;
}

em,
i {
  font-style: normal;
}

table {
  border-collapse: collapse;
}

b,
strong,
p {
  font-weight: 500;
  font-size: 14px;
}

input,
button {
  outline: none;
}

input,
select {
  vertical-align: middle;
}

a {
  text-decoration: none;
}

::-webkit-scrollbar {
  /* 滚动条整体部分 */
  width: 5px;
}

::-webkit-scrollbar-button {
  /* 滚动条两端的按钮 */
  width: 0;
  height: 0;
}

::-webkit-scrollbar:horizontal {
  height: 6px;
}

::-webkit-scrollbar-track {
  /* 外层轨道 */
  border-radius: 3px;
}

::-webkit-scrollbar-track-piece {
  /*内层轨道，滚动条中间部分 */
  background-color: #20303c;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb {
  /* 滑块 */
  width: 5px;
  border-radius: 3px;
  background: #35bbf7;
}

::-webkit-scrollbar-corner {
  /* 边角 */
  width: 5px;
}

::-webkit-scrollbar-thumb:hover {
  /* 鼠标移入滑块 */
  background: #35cbf8;
}

.el-table th {
  background-color: #f1f4f8;
  height: 50px;
}

.el-table td {
  height: 50px;
}

.el-table__empty-text {
  margin-top: 35px;
}

.el-loading-spinner .circular {
  margin-top: 30px;
}
//.el-table {
//  border: 1px solid #E5E5E5!important;
//}
.el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: #eaf6fe !important;
}
.el-dialog__body {
  padding: 10px 20px;
}

// .el-breadcrumb {
//   font-size: 16px;
//   line-height: 50px;
// }

.el-breadcrumb {
  font-size: 16px;
  line-height: 50px;
  background-color: #fff;
  padding-left: 23px;
}

.el-form-item__error {
  padding-top: 0 !important;
  //top: 78%!important;
}

.el-form-item {
  margin-bottom: 10px;
}

.tabPlane {
  .el-tabs__nav-scroll {
    padding-left: 23px;
    background-color: #fff;

    .el-tabs__item {
      height: 50px;
      line-height: 50px;
      font-size: 16px;
    }
  }
}

.contentClass {
  margin: 0px 23px;
  padding: 10px 20px;
  background-color: #fff;
}

.onlyShowContent {
  .grid-content {
    margin-bottom: 15px;
  }

  .el-input.is-disabled .el-input__inner {
    background: #fff;
    cursor: default;
  }

  .el-form-item__label {
    color: #8b8b8b;
    font-weight: 300;
    font-size: 14px;
    padding: 0px 0px 0px 0px;
  }

  .titleH {
    font-size: 16px;
    margin: 20px 0px 10px 0px;
    position: relative;
  }

  .el-col {
    position: relative;

    .beforeUpdateShow {
      position: absolute;
      top: 23px;
      font-size: 13px;
      color: red;
    }
  }
}
.el-checkbox__label {
  width: 80px;
  white-space: normal;
  vertical-align: middle;
  margin-top: 5px;
}

.updateForm {
  .titleH {
    font-size: 16px;
    margin: 20px 0px 10px 0px;
    position: relative;
  }

  .el-input.is-disabled .el-input__inner {
    background-color: #d2d2d2;
    cursor: default;
    color: #999;
  }

  .el-textarea.is-disabled .el-textarea__inner {
    cursor: default;
  }

  .el-form-item__label {
    color: #8b8b8b;
    font-weight: 300;
    font-size: 14px;
    padding: 0px 0px 0px 0px;
  }

  .el-form-item {
    margin-bottom: 10px;
  }

  .el-form-item__content {
    line-height: 30px;
  }

  .el-select,
  .el-date-editor,
  .el-cascader {
    width: 100%;
  }
}

.avatar-uploader {
  img {
    width: 130px;
  }
}

.el-input__inner {
  padding-left: 10px;
}

.routerlink {
  color: #409eff;
}

.goback {
  font-size: 14px;
  cursor: pointer;
  padding: 0px 23px;
  margin-bottom: 15px;
}

.sameInput {
  -webkit-appearance: none;
  color: #c0c4cc;
  cursor: not-allowed;
  background-color: #fff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

  display: inline-block;
  font-size: inherit;
  height: 32px;
  line-height: 32px;
  outline: 0;
  padding: 0 15px;
  -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}

.disableInput {
  cursor: default;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

  display: inline-block;
  font-size: inherit;
  height: 33px;
  line-height: 33px;
  outline: 0;
  padding: 0 15px 0 10px;
  -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  background-color: #d2d2d2;
  color: #999;
  width: 100%;
}

.clearFix:after {
  display: block;
  clear: both;
  content: '';
  visibility: hidden;
  height: 0;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.p10 {
  padding: 10px;
}

.pt20 {
  padding-top: 20px;
}

.mt20 {
  margin-top: 20px;
}

.mt10 {
  margin-top: 10px;
}

.mt5 {
  margin-top: 5px;
}

.red {
  color: red;
}
.el-scrollbar__wrap {
  height: 190px;
}